/*
	jQuery.mmenu widescreen extension CSS
	
	To use on widescreens only, include it using a mediaquery:
	<link type="text/css" href="mmenu-widescreen.css" media="all and (min-width: 900px)"/>
*/

@import "../_inc/variables";


$mm_ws_menuWidth: 30% !default;


// Positioning and sizing
html,
body
{
	overflow: auto !important;
}
body
{
	position: relative;
}
#mm-blocker
{
	display: none !important;
}
.mm-slideout
{
	@include mm-webkit-prefix( 'transform', none !important );
	width: 100 - $mm_ws_menuWidth !important;
	margin-left: $mm_ws_menuWidth !important;
}
.mm-page
{
	background: inherit;
	box-sizing: border-box;
	min-height: 100vh;
}

.mm-menu.mm-widescreen
{
	display: block;
	width: $mm_ws_menuWidth !important;
	min-width: none !important;
	max-width: none !important;

	z-index: 0;
}